<template>
  <div class="epidemic-protect">
    <img
      src="../../assets/404_images/圣诞-返回顶部.png"
      alt="无"
      class="back_top"
      @click="backTop"
      v-show="isShow"
    />
    <div class="head-img">
      <img
        src="http://img03.sogoucdn.com/app/a/200797/cbda1b95-3d6d-4d9f-859c-47d2bc88e829"
        alt=""
      />
    </div>
    <div class="con">
      <span style="margin-right: 100px">在线问诊</span
      ><span @click="toMap()">在线义诊医院列表</span>
    </div>

    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a 
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img01.sogoucdn.com/app/a/200797/008b0d80-cf06-4b75-8c49-e317e027ebf3"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="//img03.sogoucdn.com/app/a/200797/8f8c73e1-eb2c-496e-81c8-675ea6991e2b"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img04.sogoucdn.com/app/a/200797/824e6517-db59-4dbf-9b80-d69194d1d08d"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img04.sogoucdn.com/app/a/200797/838af22f-f834-4d87-a3c9-8b5eefeeeeec"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img03.sogoucdn.com/app/a/200797/59bc0d1c-9611-4894-b3ea-b3396c1bee22"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img01.sogoucdn.com/app/a/200797/60226c73-fa3b-468c-b2f6-daca83e7b8d6"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img02.sogoucdn.com/app/a/200797/5bc627b7-c7e1-4b95-81ff-009329c2b528"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img04.sogoucdn.com/app/a/200797/ce62529f-fdb2-4781-b6b4-d84e8414f290"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img01.sogoucdn.com/app/a/200797/cc6284fe-5c48-42cd-bd61-673622195085"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img02.sogoucdn.com/app/a/200797/e40661dc-1ad9-4e1b-a8bd-a00db819da12"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img01.sogoucdn.com/app/a/200797/749f256f-15de-4eca-9330-bafbbcddaafb"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img03.sogoucdn.com/app/a/200797/a2038e67-a475-4181-ae07-12592baf2984"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img03.sogoucdn.com/app/a/200797/442761e8-cfc6-428e-afdd-35c1b8e3e249"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img02.sogoucdn.com/app/a/200797/f88c8d1f-d4d2-4acb-a342-b6129309a74f"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img02.sogoucdn.com/app/a/200797/1815272e-7f70-4ab5-8a22-3e9697d82dec"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="space-default">
      <div class="img-flex">
        <div class="img-layout">
          <a
            href="https://ask.dxy.com/view/i/volunteer_care/disease?dxa_adplatform=sougouyz"
            class="img-height"
            vrcid="imgHeight.699908e"
            uigs="img_consultation_dxy"
          >
            <img
              data-v-3039a6ab=""
              src="https://img01.sogoucdn.com/app/a/200797/531af7d8-4803-40f4-a5f7-f7844b305963"
              onerror=" this.style.display='none' "
              alt=""
            />
          </a>
        </div>
        <div class="text-layout" data-v-3039a6ab="">
          <p class="clamp2" data-v-3039a6ab="">
            <a
              href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
              uigs="txtlink_consultation_hdf"
              >网上免费问医生，全国21万名医生实时在线出诊</a
            >
          </p>
          <div class="mid-btn">
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/ndynamic/coronalactivity/activity?businesstype=sogou"
                uigs="btn_consultation_hdf0"
                >线上义诊（免费）</a
              >
            </div>
            <div>
              <a
                class="btn-default btn-small"
                href="https://m.haodf.com/touch/netcase/servicechoose4speedcase?cvr=teamreception&from=sogou"
                uigs="btn_consultation_hdf1"
                >极速问诊</a
              >
            </div>
          </div>
          <div class="real-time">
            实测接诊时间：
            <i>2分钟</i>
          </div>
        </div>
      </div>
    </div>
    <div class="doctors-tips">
      <h4 class="tips-title">
        <span> 说明 </span>
      </h4>
      <ul>
        <li>
          依据平台医生接诊能力和对口程度，搜狗搜索团队每30分钟更新1次服务列表。
        </li>
      </ul>
    </div>
    <div class="word-list-layout">
      <ul class="word-list-common">
        <li>
          <a
            href="http://sa.sogou.com/new-weball/page/sgs/epidemic?type_page=wenzhenpage"
          >
            疫情地图
            <i class="tag-new"> 热 </i>
          </a>
        </li>
        <li>
          <a
            href="https://sa.sogou.com/new-weball/page/sgs/epi_protection?pid=sogou-waps-043c2ec6c6390dd0&s_from=ff09"
            >科学防护专题</a
          >
        </li>
        <li>
          <a href="https://vp.fact.qq.com/home?state=1&source=sogou"
            >实时辟谣</a
          >
        </li>
        <li>
          <a
            href="https://m.sogou.com/web/searchList.jsp?keyword=%E5%85%A8%E5%9B%BD%E5%8F%91%E7%83%AD%E9%97%A8%E8%AF%8A&pid=sogou-waps-4fe5149039b52765&s_from=ff06"
            >全国发热门诊一览</a
          >
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow: false,
    };
  },
  mounted() {
    this.listenerFunction();
  },
  methods: {
    toMap(val) {
      this.$router.push({
        path: "/omc_list/hos_list",
      });
    },
    listenerFunction(e) {
      document.addEventListener("scroll", this.handleScroll, true);
    },
    beforeDestroy() {
      document.removeEventListener("scroll", this.listenerFunction);
    },
    handleScroll() {
      // handleScroll 和 methods 是同级
      if (window.pageYOffset > 400) {
        //window.pageYOffset:获取滚动距离
        this.isShow = true;
      } else {
        this.isShow = false;
      }
    },
    backTop() {
      let top = document.documentElement.scrollTop || document.body.scrollTop;
      // 实现滚动效果
      const timeTop = setInterval(() => {
        document.body.scrollTop = document.documentElement.scrollTop = top -= 50;
        if (top <= 0) {
          clearInterval(timeTop);
        }
      }, 10);
    },
  },
};
</script>
<style >
.back_top {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 9%;
  right: 2%;
  text-align: center;
  cursor: pointer;
  transition: width 2s;
  transition: height 2s;
  transition-duration: 1s;
  transition-property: all;
}
.back_top:hover {
  height: 100px;
  width: 100px;
}
body {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  font-size-adjust: none;
  color: #555;
  word-break: break-all;
  word-wrap: break-word;
}
.epidemic-protect {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  font-size-adjust: none;
  color: #555;
  word-break: break-all;
  word-wrap: break-word;
}
.epidemic-protect .head-img {
  position: relative;
  padding: 0;
}
.epidemic-protect .head-img img {
  display: block;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}
.epidemic-protect .con {
  height: 58px;
  width: 100%;
  color: #2480ff;
  font-size: 15px;
  text-align: center;
  line-height: 58px;
  margin: 0;
  padding: 0;
}
.epidemic-protect .space-default {
  padding: 12px 0;
  border-top: 1px solid rgba(151, 138, 138, 0.1);
}
.epidemic-protect .img-flex {
  display: flex;
  padding: 5px 0;
}
.epidemic-protect .img-flex .img-layout {
  width: 26%;
  margin: 3px 16px 3px 0;
  flex-shrink: 0;
  cursor: pointer;
  transition: width 2s;
  transition: height 2s;
  transition-duration: 1s;
  transition-property: all;
}
.epidemic-protect .img-flex .img-layout :hover {
  width: 110%;
  height: 120%;

}
/* .img_1{
    cursor: pointer;
  transition: width 2s;
  transition: height 2s;
  transition-duration: 1s;
  transition-property: all;
}
.img_1 :hover {
    width: 140%;
  height: 140%;
} */
.epidemic-protect .img-flex .img-height {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 73%;
  background: url(//hhydoc.sogoucdn.com/deploy/js/hospital/consultationGuide/img-error_f5b07a0.png)
    center center no-repeat;
  background-size: auto;
  background-size: auto 28px;
  overflow: hidden;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  color: #555;
  text-decoration: none;
  cursor: pointer;
  transition: width 2s;
  transition: height 2s;
  transition-duration: 1s;
  transition-property: all;
}
.epidemic-protect .img-flex .img-height :hover {
  width: 100%;
  height: 90%;
}

.epidemic-protect .img-flex .img-height::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(34, 34, 34, 0.03);
  pointer-events: none;
  color: #555;
}
.epidemic-protect .img-flex .img-height img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  object-fit: cover;
  object-position: center;
  background: #fff;
  border: 0;
  color: #555;
  margin: 0;
  padding: 0;
}
.epidemic-protect .img-flex .text-layout {
  flex-grow: 1;
  margin: 0;
  padding: 0;
}
.epidemic-protect .img-flex .text-layout p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 3px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.epidemic-protect .img-flex .text-layout p a {
  color: #333;
  text-decoration: none;
  font-size: 15px;
  line-height: 22px;
}
.epidemic-protect .mid-btn {
  display: flex;
  padding-top: 6px;
  padding-bottom: 3px;
  margin: 0;
  padding: 0;
}
.epidemic-protect .mid-btn > div {
  width: 40px;
  display: block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  flex-grow: 1;
  border-radius: 4px;
  font-size: 12px;
  border: 1px solid #999;
  color: #333;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: width 2s;
  transition: height 2s;
  transition-duration: 1s;
  transition-property: all;
}
.epidemic-protect .mid-btn > div :hover {
  background-color:#999;
  width: 100%;
  height: 100%;
}
.epidemic-protect .mid-btn .btn-default {
  display: block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  color: #555;
  text-decoration: none;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: #333;
  white-space: nowrap;
}
.epidemic-protect .mid-btn > div + div {
  margin-left: 6px;
}
.epidemic-protect .real-time {
  line-height: 17px;
  font-size: 12px;
  color: #999999;
  padding-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.epidemic-protect .real-time i {
  font-style: normal;
  color: #333333;
  line-height: 17px;
  font-size: 12px;
  color: #999999;
  white-space: nowrap;
}
.epidemic-protect .doctors-tips {
  border-radius: 4px;
  padding: 15px;
  border: 1px solid paleturquoise;
  background-color: #f3f8ff;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  padding: 14px 12px;
  margin-bottom: 20px;
  margin: 0;
}
.epidemic-protect .doctors-tips h4 {
  padding: 3px 0;
}
.epidemic-protect .tips-title {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  line-height: 18px;
  color: #333333;
}
.epidemic-protect .tips-title::before,
.epidemic-protect .tips-title::after {
  content: "";
  display: block;
  width: 13px;
  height: 1px;
  background-color: rgba(51, 51, 51, 0.16);
  box-shadow: 0 3px 0 0 #ccc;
  margin-bottom: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  line-height: 18px;
}
.epidemic-protect .tips-title span {
  display: inline-block;
  padding: 0 10px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
}
ul,
li,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
}
.epidemic-protect .doctors-tips li {
  padding: 3px 0;
  margin: 0;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
}
.epidemic-protect .word-list-layout {
  margin-top: 20px;
  margin-left: -8px;
  margin-right: -8px;
  overflow: hidden;
  display: flex;
}
.epidemic-protect .word-list-common {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
  padding-right: 8px;
}
.epidemic-protect .word-list-common li {
  flex-grow: 0;
  flex-shrink: 0;
  vertical-align: top;
  height: 43px;
  width: 50%;
}
.epidemic-protect .word-list-common a {
  display: block;
  height: 35px;
  box-sizing: border-box;
  line-height: 35px;
  border-radius: 2px;
  text-align: center;
  background: #f5f5f5;
  -webkit-appearance: none;
  padding: 0 10px;
  margin: 0 0 8px 8px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  color: #555;
  text-decoration: none;
}
.epidemic-protect .tag-new {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  border: 1px solid #de271c;
  box-sizing: border-box;
  border-radius: 1px;
  color: #de271c;
  font-size: 11px;
  margin-left: 5px;
  position: relative;
  font-style: normal;
  text-align: center;
  top: -1px;
}
</style>